<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 生产环境版本，优化了尺寸和速度 -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>

    <style>
        .active {

            width: 100px;
            height: 100px;
            background-color: green;
        }

        .text-danger{
            background-color: orange;
        }
    </style>
</head>
<body>

<div id="app">

    <div class="static" v-bind:class="classObject"></div>
</div>

<script>
    new Vue({
        el: '#app',
        data: {
            isActive: true,
            hasError: true,

            classObject: {
                active: true,
                'text-danger': true
            }
        }
    })
</script>

</body>


</html>